<div class="top-action">
	<ul class="links">
		<li><a href="sizes-list.php">List Image Sizes</a></li>
	</ul>
</div>

<div class="form-wrap">
	<form id="sizes-add-form" name="sizes-add-form" method="post" action="sizes-add.php" enctype="multipart/form-data">
	  <table class="data-editor">
							
	<tr class="{cycle values='A,B'}">
		<td class="attribute">Width: <span class="required">*</span></td>
		<td>
			<input type="text" name="sizes[dimension_width]" value="{$sizes.dimension_width|utf8}" class="input" id="sizes-dimension_width" />
			<span class="form-hints">Proposed width in pixels</span>		</td>
	</tr>

	<tr class="{cycle values='A,B'}">
		<td class="attribute">Height: <span class="required">*</span></td>
		<td>
			<input type="text" name="sizes[dimension_height]" value="{$sizes.dimension_height|utf8}" class="input" id="sizes-dimension_height" />
			<span class="form-hints">Proposed height in pixels</span>		</td>
	</tr>

	<tr class="{cycle values='A,B'}">
      <td class="attribute">Bytes Allowed : <span class="required">*</span></td>
	  <td><input type="text" name="sizes[allowed_bytes]" value="{$sizes.allowed_bytes|utf8}" class="input" id="sizes-allowed_bytes" />
          <span class="form-hints">Maximum file size bytes allowed </span> </td>
	  </tr>
	<tr class="{cycle values='A,B'}">
      <td class="attribute">Size Code: <span class="required">*</span></td>
	  <td><input type="text" name="sizes[size_code]" value="{$sizes.size_code|utf8}" class="input" id="sizes-size_code" />
          <span class="form-hints">Size code</span> </td>
	  </tr>
	<tr class="{cycle values='A,B'}">
		<td class="attribute">Size Name: <span class="required">*</span></td>
		<td>
			<input type="text" name="sizes[size_name]" value="{$sizes.size_name|utf8}" class="input" id="sizes-size_name" />
			<span class="form-hints">Image size name</span>		</td>
	</tr>

	<tr class="{cycle values='A,B'}">
		<td class="attribute">Description: <span class="required">*</span></td>
		<td class="value">
			<div><textarea rows="5" cols="75" name="sizes[size_description]" class="editor" id="sizes-size_description">{$sizes.size_description|utf8}</textarea></div>
			<p><span class="form-hints">Full description</span></p>		</td>
	</tr>


	<tr class="{cycle values='A,B'}">
	  <td class="attribute">&nbsp;</td>
	  <td>
		<input type="text" name="email" value="" class="vanish" />
		<input type="text" name="is_spam" value="" class="vanish" />
		<!--{* 100% sure, only spammers fill these fields, Leave it blank. *}-->
		
		<input type="hidden" name="protection_code" value="{$protection_code}" />
		<input type="hidden" name="add-action" value="Add Image Sizes" />
		<input type="submit" name="submit-button" class="submit" value="Add" />
		<a href="{url::last_page('sizes-list.php')}" class="button-cancel">Cancel</a>
	</td>
	</tr>
  </table>
</form>
</div>
<!-- End of administrators Add -->


<!-- Add validation -->
<script type="text/javascript" src="js/validator/gen_validatorv31.js"></script>
{js src='validators/sizes/add.js' validator=true}

<!-- Rich Editor: Remove if not necessary. Or, use different .js files -->
<script type="text/javascript" src="js/tinymce/tiny_mce.js"></script>
<script type="text/javascript" src="js/tinymce-textareas.js"></script>

<!-- End of sizes Add -->